<template>
	<view class="strategy-vison">

		<view class="strategy-view">
			<view class="strategy-title">
				签到规则
			</view>
			<view class="rule-list" v-for="itme in ruleList">
				<view class="name">
					{{itme.name}}
				</view>
				<view class="text">
					{{itme.text}}
				</view>
			</view>
			<view class="hint-view">
				{{hint}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ruleList: [{
						name: '每日签到',
						text: '连续签到的前4天，每天分别获得1、2、3、4社交值， 第五天起：每日5社交值',
					},
					{
						name: '额外签到奖励',
						text: '7日签到奖励：每7天获得周礼包，当日可领取额外2社交 值（共7社交值）。首次连续打卡奖励：首次连续签到28 天获得100社交值奖励（只能领取一次）',
					}
				],
				hint: `注意：如果每日签到被中断，则分数重置，重新从第一天算起`
			}
		},
		onShareAppMessage() {},
		onNavigationBarButtonTap(e) {},

		watch: {},

		methods: {}
	}
</script>

<style lang="scss" scoped>
	.strategy-vison{
		padding-top: 30rpx;
	}
	.strategy-view{
		width: 92%;
		margin-left: 4%;
		padding: 30rpx 30rpx 260rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		box-sizing: border-box;
		.strategy-title{
			font-size: 33rpx;
			margin: 40rpx 0 20rpx;
		}
		.rule-list{
			.name{
				font-size: 28rpx;
				color: #333333;
			}
			.text{
				font-size: 24rpx;
				color: #333333;
				margin: 20rpx 0 40rpx;
			}
		}
		
		.hint-view{
			font-size: 24rpx;
			color: #999999;
		}
	}
</style>